{% extends 'temp_base.html' %}

{% block local_header_css_js %}
  <!-- iCheck -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/iCheck/flat/blue.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/morris/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="{{HTML_URL_BASE}}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

{% end %}

{% block content %}
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        {{title}}
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Result</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-8">
          <div class="box box-default">
            <div class="box-header with-border">
              <i class="fa fa-warning"></i>

              <h3 class="box-title">Result</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              {% if title=='Success' %}
              <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <h4><i class="icon fa fa-check"></i> {{title}}!</h4>
                {{content}}
              </div>
              {% elif title=='Failure' %}
              <div class="alert alert-warning alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <h4><i class="icon fa fa-warning"></i> {{title}}!</h4>
                {{content}}
              </div>
              {% elif title=='Error' %}
              <div class="alert alert-danger alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <h4><i class="icon fa fa-ban"></i> {{title}}!</h4>
                {{content}}
              </div>
              {% end %}
              
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
        
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
{% end %}

{% block local_footer_css_js %}
<!-- jQuery UI 1.11.4 -->
<script src="{{HTML_URL_BASE}}/others/js/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Morris.js charts -->
<script src="{{HTML_URL_BASE}}/others/js/raphael-min.js"></script>
<script src="{{HTML_URL_BASE}}/plugins/morris/morris.min.js"></script>
<!-- Sparkline -->
<script src="{{HTML_URL_BASE}}/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="{{HTML_URL_BASE}}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="{{HTML_URL_BASE}}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="{{HTML_URL_BASE}}/plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="{{HTML_URL_BASE}}/others/js/moment.min.js"></script>
<script src="{{HTML_URL_BASE}}/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="{{HTML_URL_BASE}}/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="{{HTML_URL_BASE}}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="{{HTML_URL_BASE}}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="{{HTML_URL_BASE}}/plugins/fastclick/fastclick.js"></script>

{% end %}